<template>
	<view class="f-f-c p20">
		<u-navbar
		:autoBack="true" bgColor="#fff"
		leftIconColor='#000'
		:titleStyle="{ color: '#000'}"
		 title="签到记录" rightText='' :border="false" :placeholder="true">
			 
		</u-navbar>
		<view class="" >
			<view class="f-s-b b-rd b-s p20 mt20" v-for="item,ix in newList" :key="ix"
			 >
				<span class="c3 ">签到时间</span>
				<span class="c9 f28 " >{{item.signDate}}</span>
			</view>
			<u-empty v-if="newList.length == 0" mode="list" />
			
		</view>
		
	</view>
</template>


<script>
	 
	export default {
		data() {
			return {
				newList:[
				 ],
				pageNum:1,
				ismore:true,
				
			}
		},
		onReachBottom() {
			if(this.ismore){
				this.pageNum ++
				this.getList()
			}
		},
		onReady() {
			
		},
		onLoad(){
			this.pageNum = 1
			this.getList()
		},
		onShow() {
			
		},
		methods: {
			getList(){
				let that = this
				this.$api.request('get', 'growth/app/userSignList', {
					pageNum:that.pageNum,
					pageSize:20,
				}).then(res => {
				  // console.log(res.rows)
				 if(that.pageNum == 1){
				 	that.newList = []
				 }
				 if(res.rows.length<10){
				 	 that.ismore = false
				 }
				 that.newList = [...that.newList,...res.rows] 
				}).catch(err => {
				  this.$api.msg('请求失败，请稍后再试')
				})
			}
			
		}
	}
</script>

<style lang='scss'>
	page,
	.content {
		min-height: 50%;
		background-color: #f8f8f8;
	}

	.number-box{
		width: 73px;
	}

	.actived{
		font-size: 28rpx;
		color:#2AAC34;
		border-bottom:#2AAC34 solid 8rpx;
	}

	.line-orange::after, .lines-orange::after {
	  border-color: #FC6620;
	}

	.solid-bottom::after {
	  border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
	}

	.content {
		display: flex;
	}
	.left-aside {
		flex-shrink: 0;
		width: 150upx;
		height: 100%;
		background-color: #f8f8f8;
	}
	.f-item {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100upx;
		font-size: 28upx;
		color: $font-color-base;
		position: relative;
		&.active{
			color: $base-color;
			background: #fff;
			&:before{
				content: '';
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				height: 30upx;
				width: 8upx;
				background-color: $base-color;
				opacity: .8;
			}
		}
	}

	.right-aside{
		flex: 1;
		overflow: hidden;
		padding-left: 20upx;
	}
	.s-item{
		display: flex;
		align-items: center;
		height: 70upx;
		padding-top: 8upx;
		font-size: 28upx;
		color: $font-color-dark;
	}
	.t-list{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		background: #fff;
		padding-top: 12upx;
		&:after{
			content: '';
			flex: 99;
			height: 0;
		}
	}
	.t-item{
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		width: 176upx;
		font-size: 26upx;
		color: #666;
		padding-bottom: 20upx;

		image{
			width: 140upx;
			height: 140upx;
		}
	}
	.bg1,.bg2,.bg3,.bg4{
		width: 338rpx;
		height: 164rpx;
		background: none;
		background-image: url('https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/c1.png');
		background-size: 100% 100%;
		/* box-shadow: 0rpx 0rpx 8rpx 2rpx rgba(0,0,0,0.1); */
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		opacity: 1;
	}
	.bg2{
		background-image: url('https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/c2.png');
	}
	.bg3{
		background-image: url('https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/c3.png');
	}
	.bg4{
		background-image: url('https://chaoyuanhuishou.oss-cn-beijing.aliyuncs.com/c4.png');
	}
	
	
</style>
